<template>
  <div class="demo-title">action-sheet/demo3</div>
  <div class="demo">
    <div class="sscd-demo-row" @click="showActionSheet()">标题+描述</div>
  </div>
  <ActionSheet
    v-model:visible="visible"
    :menu-items="menuItems"
    cancel-text="取消"
    title="这是标题"
    description="这里是一段描述。。这里是一段描述。。这里是一段描述。。这里是一段描述。。"
    @choose="onChoose"
  />
</template>
<script lang="ts" setup>
  import { ref } from 'vue'
  import ActionSheet from '@sscd-mobile/action-sheet'
  const visible = ref(false)
  const menuItems = [{ name: '确认', color: '#1677ff' }]
  const showActionSheet = () => visible.value = true
  const onChoose = (e: any, i: number) => console.log('onChoose: ', e, i)
</script>
<style lang="less" scoped></style>